<div id="middle">
    <h3>Account Information</h3>

    <table>
        <tr>
            <td>First name:</td>
            <td><input type="text" id="firstName" name="firstName"/></td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><input type="text" id="lastName" name="lastName"/></td>
        </tr>
        <tr>
            <td>Email:</td>
            <td><input type="text" id="email" size="40" name="email"/></td>
        </tr>
        <tr>
            <td>Phone:</td>
            <td><input type="text" id="phone" name="phone"/></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><input type="text" id="address1" size="40" name="address1"/></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><input type="text" id="address2" size="40" name="address2"/></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><input type="text" id="city" name="city"/></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><input type="text" id="state" size="4" name="state"/></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><input type="text" id="zip" size="10" name="zip"/></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><input type="text" id="country" size="15" name="country"/></td>
        </tr>
    </table>

    <h3>Profile Information</h3>

    <table>
        <tr>
            <td>Language Preference:</td>
            <td>
                <select name="languagePreference" id="languagePreference">
                        <div>
                            <option value="chinese">chinese</option>
                            <option value="english">english</option>
                            <option value="japanese" selected>japanese</option>
                        </div>
                </select>
            </td>
        </tr>
        <tr>
            <td>Favourite Category:</td>
            <td>
                <select name="favouriteCategoryId" id="favouriteCategoryId"> 
                    <div>
                        <option value="FISH" selected>FISH</option>
                        <option value="DOGS">DOGS</option>
                        <option value="REPTILES">REPTILES</option>
                        <option value="CATS">CATS</option>
                        <option value="BIRDS">BIRDS</option>
                    </div>
                </select>
            </td>
        </tr>
        <tr>
            <td>Enable MyList</td>
            <td>
                <div>
                    <input type="checkbox" id="listOption" name="listOption" value="true" />
            </td>
        </tr>
        <tr>
            <td>Enable MyBanner</td>
            <td>
                <div>
                    <input type="checkbox" id="bannerOption" name="bannerOption" value="true"/>
                </div>
            </td>
        </tr>
    </table>
</div>